$(function(){
	var userGrid = $("#userGrid");
	//初始化
	userGrid.datagrid({
		url:'emp/list',
		fit:true,
		fitColumns:true,
		rownumbers:true,
		pagination : true,// 是否显示分页栏
		columns : [ [ {
			field : 'name',
			title : '姓名',
			align : 'center',
			width : 100
		}, {
			field : 'sex',
			title : '性别',
			width : 100,
			align : 'center',
			formatter : function(value, row, index) {
				if (value == "1") {
					return '<img src="public/images/male.png" title="我是帅锅">';
				}else if (value == "0") {
				return '<img src="public/images/female.png" title="我是妹子">';
				}else{
					return "未知";
				}
			}
		}, {
			field : 'birthday',
			title : '出生日期',
			align : 'center',
			width : 100
		}, {
			field : 'tel',
			title : '电话',
			align : 'center',
			width : 100
		}, {
			field : 'job',
			title : '角色',
			align : 'center',
			width : 100
		}, {
			field : 'remark',
			title : '备注',
			align : 'center',
			width : 100,
			formatter : function(value, row, index) {
				var bts = [];
				if(value=="部门经理"){
					bts.push('<div style="margin:0 auto;color:white;border-radius:15px;width:70px;height:20px;line-height:20px;background-color:#6699FF" data-id="' + row.id + '" data-index="'
							+ index + '" class="ctr">'+value+'</div>');
				}else if(value=="普通员工"){
					bts.push('<div data-id="' + row.id + '" data-index="'
							+ index + '" class="ctr">'+value+'</div>');
				}
				return bts.join('');
			}
		} , {
			field : 'entryTime',
			title : '入职时间',
			align : 'center',
			width : 100
		},{
			field : 'dept',
			title : '部门名称',
			width : 100,
			align : 'center',
			formatter: function (value, rec) {
		         return rec.dept.name;
		     }
		},{
			field : 'ac',
			title : '操作',
			width : 120,
			align : 'center',
			formatter:function(value,row,index){
				var bts = [];
				bts.push('<a data-index="'+index+'" class="ctr edit">编辑</a>');
				bts.push('<a data-id="'+row.id+'" data-index="'+index+'" class="ctr delete">删除</a>');
				return bts.join('');
			}
		} ] ],
		toolbar:[
		     {
		    	 iconCls:'icon-add',
		    	 text:"添加员工",
		    	 handler:function(){
		    		 empForm();
		    	 }
		     }
		         ]
		
	});
	
	var name = $("#empName");
	var job = $("#empJob");
	
	//检索按钮时间
	$("#empSearch").on("click",function(){
		userGrid.datagrid("load",{
			name:"%"+name.val()+"%",
			job:"%"+job.val()+"%"
		});
	});
	var form = $("#empSearchForm");

	$("#empReset").on('click', function() {
		form.form('clear');
		// 清除查询参数
		userGrid.datagrid("load", {});
	});
	
	var gridPanel = userGrid.datagrid("getPanel");
	gridPanel.on("click", "a.edit", function() {
		var index = this.dataset.index;
		// 如果只有下标，没有id的情况，要获取id
		var rows = userGrid.datagrid("getRows");
		// 同下标获取对应行的数据对象
		var id = rows[index].id;
		empForm(id);
	}).on("click", "a.delete", function() {
		// 获取data-xxx绑定的标签属性数据
		var index = this.dataset.index;
		var id = this.dataset.id;
		$.messager.confirm("提示", "您确定要删除此数据?", function(r) {
			// 点击了确定按钮，r返回的结果为true
			if (r) {
				$.get("emp/delete/" + id, function(rs) {
					if (rs.success) {
						// 刷新表格
						userGrid.datagrid("reload");
					} else {
						$.message.alert("提示", rs.message);
					}
				});
			}
		});
	});
	
	/**
	 * 用户表单，新建和编辑都调用此方法
	 */
	function empForm(id){
		//创建窗口
		var dialog=$("<div/>").dialog({
			href : 'emp/add_emp' + (id ? ("/" + id) : ""),
			title:"用户信息",
			height:345,
			width:740,
			modal:true,
			onClose:function(){
				//窗口关闭时销毁此窗口
				$(this).dialog("destroy");
			},
			buttons : [ {
				iconCls : 'icon-save',
				text : '保存',
				handler : function() {
					// 获取到表单对象
					var empForm = $("#empForm");
					// 校验表单
					if (empForm.form('validate')) {
						// serialize方法可以获取到表单所有数据
						$.post("emp/save", empForm.serialize(), function(rs) {
							if (rs.success) {
								//刷新数据表格
								userGrid.datagrid("reload");
								//关闭窗口
								dialog.dialog("close");
							} else {
								$.messager.alert("提示", rs.message);
							}
						});
					}
				}
			} ]
		});
	}
	
});
